<template>
  <div>
    <h1>桃园结义</h1>
    <liubei></liubei>
    <guanyu></guanyu>
    <zhangfei></zhangfei>
  </div>
</template>
<script>
export default {
  data() {
    return {
      info: 'Jack'
    }
  },
  components: {
    'liubei': {
      template: `<div @click="tran">我是刘备，我是大哥</div>`,
      methods: {
        tran() {
          // 通过eventbus这个中介发射自定义事件
          // 第一个参数是自定义事件的名字，第二个参数是数据
          this.eventbus.$emit('go','你去荆州吧');
        }
      }
    },
    'guanyu': {
      template: `<div>你是大哥，我愿追随大哥</div>`,
      // 通过钩子函数，开启监听
      mounted(){
        // 通过eventbus这个中介监听自定义事件
        this.eventbus.$on('go',(val) => {
          console.log(val);
          console.log('好的');
        })
      }
    },
    'zhangfei': {
      template: `<div>俺也一样</div>`
    }
  }
}
</script>
<style lang="">
  
</style>